*{
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
    box-sizing: border-box;
}

html{
    font-size: 62.5%;
}

html,body{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    background: #F5F5F5;
}
.header{
	height: 4rem;
	position: relative;
	background: #ffac2c;
}
.header a{
	position: absolute;
	left: 1.4rem;
	top: 1.4rem;
	
}

.header a i{
	font-size: 1.6rem;
	color: #fff;	
	cursor: pointer;
}
.header p{
	font-size: 1.6rem;
	line-height: 4rem;
	text-align: center;
	color: #fff;
}
.content{
	width: 100%;
}
.content>p:first-child{
	color: #A7A7A7;
	padding: .8rem 1rem ;
}
.content>.inp{
	background: #fff;
	display: flex;
	align-items: center;
	padding: 1.2rem;
	position: relative;
}
.content>.inp>img{
	width:1.4rem;
	height:1.7rem;
}
.content>.inp>input{
	padding-left: 0.8rem;
}
.content>.inp>i{
	position: absolute;
	right: 1.4rem;
	color: #A7A7A7;
}
.content>.qd{
	padding:1.2rem 1rem;
	
}
.content>.qd>a>p{
	width: 100%;
	background: #FED556;
	color: #fff;
	padding: 1rem 1.4rem ;
	text-align: center;
	border-radius: .5rem;
}
.success{
	width: 100%;
	height: 100%;
	position: absolute;
	background: rgba(0,0,0,0.5);
	top: 0px;
	display: none;
}
.success>p{
	width: 20rem;
	height: 8.5rem;
	text-align: center;
	line-height: 8.5rem;
	margin: 18.5rem auto;
	background: #fff;
	border-radius: .5rem;
	font-size: 1.6rem;
}
